<!--suppress HtmlUnknownTag -->
<template>
  <div>
    <span v-for="item in buildInfos" :key="item.buildNumber">
      <span slot="reference">
         <el-tag size="mini" :style="{ backgroundColor: item.color, color: '#FFFFFF',width: '50px' }">
           <i class="el-icon-loading" v-if="item.running"/>{{ item.buildNumber }}
         </el-tag>
      </span>
    </span>
  </div>
</template>

<script>

export default {
  name: 'latest-build-info',
  props: ['buildInfos'],
  methods: {}
}

</script>

<style scoped>

.number {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

</style>
